<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>演示：使用CSS3美化复选框checkbox</title>
<meta name="keywords" content="css3,表单,复选框美化" />
<meta name="description" content="Helloweba文章结合实例演示HTML5、CSS3、jquery、PHP等WEB技术应用。" />
<!--<link rel="stylesheet" type="text/css" href="http://www.helloweba.com/demo/css/main.css" />-->
<style type="text/css">
</style>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<style type="text/css">
	.wrap{
		    font: 14px/18px "Microsoft Yahei", Tahoma, Helvetica, Arial, Verdana, "\5b8b\4f53", sans-serif;
	}
</style>
</head>
<body>
	<div class="wrap">
					<input type="checkbox" id="checkbox_a1" class="chk_1" checked /><label for="checkbox_a1"></label>
			<input type="checkbox" id="checkbox_a2" class="chk_1" /><label for="checkbox_a2"></label>
	</div>

</body>
</html>
